<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系方式</title>
    <link rel="stylesheet" href="/css/contact.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/layui-v2.6.4/css/layui.css">
    <script src="/layui/layui.js"></script>
    <script src="/layui/jquery.min.js"></script>
    <script src="/layui/axios.min.js"></script>
</head>
<body>
    <!-- 头部 -->
    <div th:replace="common/common::head1"></div>
    <!-- 导航 -->
    <div th:replace="common/common::head2"></div>
    <!--横幅-->
    <div th:replace="common/common::head3"></div>
    <!-- 主体部分 -->
    <section class="main_body">
        <div class="container">
            <div class="ss">
                <div th:replace="common/common::head4"></div>

            </div>
        </div>
        <article>
                <main class="container">
                    <div >
                        <p class="ding" >在办案件</p>
                        <p><a href="/front/index">首页</a><a href="#">>>在办案件</a></p>
                    </div>
                </main>
        </article>
    </section>
    <section class="pic_body">
        <main class="container">
            <!--<div class="body_1">
                <div class="body_text">
                  <p class="title_1">XXXX律师事务所</p>
                  <p>电话：0571-XXXXXXXXX</p>
                  <p>邮箱：XXXX@XXXX.com</p>
                  <p>地址：XXX省XXX市 XXX区XXX路XXX号</p>
                 <img src="images/erweima.png" alt="" width="130px">
                </div>
                <div class="body_img">
                    <img src="/images/map.jpg" alt="" width="600px">
                </div>

            </div>-->
            <div class="layui-row">
                <div class="layui-col-md12">
                    <div class="layui-panel">
                        <div style="padding: 20px 20px;">
                            <blockquote class="layui-elem-quote">
                                查询我的在办案件
                            </blockquote>
                            <form class="layui-form">
                                <div class="layui-row">
                                    <div class="layui-col-md6">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">原告身份证</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="casesPlaintiffIdCard" lay-verify="identity" placeholder="请输入原告身份证" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-md4">
                                        <button type="button" class="layui-btn layui-btn-primary" lay-submit lay-filter="search">查询</button>
                                    </div>
                                </div>
                            </form>
                            <div>
                                <table class="layui-hide" id="cases" lay-filter="cases"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </section>
      <!-- 尾部 -->
    <div th:replace="common/common::footer"></div>
</body>
<script>
    layui.use(['form','table'],function () {
        var form = layui.form,table = layui.table;

        form.on('submit(search)',function (data) {
            table.render({
                elem: '#cases'
                ,url: '/front/cases/getByIdCard/' + data.field.casesPlaintiffIdCard
                , cols: [
                    [
                    {type:'numbers', fixed: 'left',title:'序号'}
                    , {field: 'casesTitle', title: '案件名称',edit: 'text'}
                    , {field: 'casesIntroduce', title: '案件简述'}
                    , {field: 'casesCreateTime', title: '诉讼时间'}
                    , {field: 'casesEndTime', title: '结案时间'}
                    , {field: 'casesPlaintiffName', title: '原告人',edit: 'text'}
                    , {field: 'casesPlaintiffIdCard', title: '原告身份证',edit: 'text'}
                    , {field: 'casesDefendantName', title: '被告人',edit: 'text'}
                    , {field: 'casesDefendantIdCard', title: '被告身份证',edit: 'text'}
                    , {field: 'casesTypeName', title: '案件类型'}
                    , {field: 'casesSimpleIntroduce', title: '案件简介',edit: 'text'}
                    , {field: 'casesResult', title: '案件结果',edit: 'text'}
                    , {field: 'casesStatus', title: '审核结果'}
                ]
                ]
                , page: true
            });
            return false;
        })

    })
</script>
</html>
